@import './weui.wxss';
@import './iconfont.wxss';
@import '../../var.scss';
.btn {
    width: 690rpx;
    height: 80rpx;
    line-height: 80rpx;
    font-size: 30rpx;
    text-align: center;
    margin: 20rpx 30rpx;
    background-color: $primary-color;
    border-radius: 40rpx;
}

.container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ql-container {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 1.5;
    overflow: auto;
    padding: 10px 10px 20px 10px;
    border: 1px solid #ececec;
}

.ql-active {
    color: #22c704;
}

.iconfont {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 20px;
}

.toolbar {
    box-sizing: border-box;
    padding: 0 8px;
    height: 46px;
    width: 100%;
    position: fixed;
    left: 0;
    right: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #ececec;
    border-left: none;
    border-right: none;
    image {
        margin-left: 32rpx;
        width: 40rpx;
        height: 40rpx;
    }
}

.cover {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    .tips {
        width: 200rpx;
        height: 200rpx;
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 12rpx;
        image {
            width: 80rpx;
            height: 80rpx;
            margin: 40rpx 60rpx 0;
            animation-name: myfirst;
            /*动画的名称 */
            animation-duration: 1000ms;
            /*动画从开始到结束的时间*/
            animation-timing-function: linear;
            /*动画执行快慢的参数*/
            animation-iteration-count: infinite;
            /*动画执行多少次的参数*/
            /*以下是兼容ios所需，参数意义与上相同*/
            -webkit-animation-name: myfirst;
            -webkit-animation-duration: 2000ms;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
        }
        .text {
            width: 100%;
            height: 25rpx;
            margin-top: 10rpx;
            color: rgba(255, 255, 255, 0.8);
            font-size: 25rpx;
            text-align: center;
        }
    }
}

@keyframes myfirst {
    /*开始转的角度*/
    from {
        transform: rotate(0deg);
    }
    /*结束的角度*/
    to {
        transform: rotate(360deg);
    }
}


/*兼容ios*/

@-webkit-keyframes myfirst {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.svgImg {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 28' style='enable-background:new 0 0 28 28;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%231A1A1A;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;%7D %3C/style%3E %3Cpath class='st0' d='M21.5,5h-15C5.7,5,5,5.7,5,6.5v15C5,22.3,5.7,23,6.5,23h15c0.8,0,1.5-0.7,1.5-1.5v-15C23,5.7,22.3,5,21.5,5z'/%3E %3Cpath class='st0' d='M11,13.5c1.4,0,2.5-1.1,2.5-2.5S12.4,8.5,11,8.5S8.5,9.6,8.5,11S9.6,13.5,11,13.5z'/%3E %3Cpath class='st0' d='M23,20l-5.5-5l-5,4.5l-3.5-3l-4,3'/%3E %3C/svg%3E ");
}

.svgH1 {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 28' style='enable-background:new 0 0 28 28;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%231A1A1A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:2;%7D %3C/style%3E %3Cpath class='st0' d='M5.5,6v16'/%3E %3Cpath class='st0' d='M15,6v16'/%3E %3Cpath class='st0' d='M5.5,14H15'/%3E %3Cpath class='st0' d='M19.6,14l2.4-2.5V22'/%3E %3C/svg%3E ");
}

.svgBold {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='图层_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 28 28' style='enable-background:new 0 0 28 28;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%231A1A1A;stroke-width:3;stroke-linejoin:round;stroke-miterlimit:2;%7D %3C/style%3E %3Cg%3E %3Cpath class='st0' d='M14,14c2.6,0,4.6-2,4.6-4.6s-2-4.6-4.6-4.6H8V14H14z'/%3E %3Cpath class='st0' d='M15.9,23.3c2.6,0,4.6-2,4.6-4.6s-2-4.6-4.6-4.6H8v9.3H15.9z'/%3E %3C/g%3E %3C/svg%3E ");
}